<!DOCTYPE html>
<html>
<head>
	<title><?php echo $title?></title>
	<meta charset="utf-8" />
	<link rel="stylesheet" type="text/css" href="<?php echo base_url()?>assets/grocery_crud/css/app.css">
	<link rel="stylesheet" type="text/css" href="<?php echo base_url()?>assets/grocery_crud/css/font-awesome.min.css">

<?php 
foreach($css_files as $file): ?>
	<link type="text/css" rel="stylesheet" href="<?php echo $file; ?>" />
<?php endforeach; ?>
<?php foreach($js_files as $file): ?>
	<script src="<?php echo $file; ?>"></script>
<?php endforeach; ?>

<style type='text/css'>
.fa{
	color: #333;
}
/*tr.belum-verifikasi{
	background: red !important;
}
tr.sudah-verifikasi{
	background: green !important;
}*/
tr.tr-grouping{
	background: #fbfbfb !important;
}
div.tools{
	width: 120px !important;
}

.flexigrid table tr.hDiv{
	position: static !important;
}
tr.header th{
	border: solid 1px #000 !important;
}
td.no-border{
	border-bottom:none !important;
}
body{
	font-family: DroidSans,Tahoma,Verdana;
	font-size: 12px;	background:transparent;
}
.tools.action-user {
    width: 16px !important;
}
.flexigrid div.tDiv2{
	float: right;
}
.flexigrid table tr.hDiv th{
	text-transform: capitalize;
}
.form-display-as-box {
    float: left;
    padding-top: 7px;
    width: 108px;
    text-transform: capitalize;
}#flex1 th div{
	text-align: center !important;
	text-transform: capitalize;
}
#flex1 td:nth-child(1) div,
/*#flex1 td:nth-child(2) div,*/
#flex1 td:nth-child(3) div,
/*#flex1 td:nth-child(5) div,*/
#flex1 td:nth-child(6) div,
#flex1 td:nth-child(7) div,
#flex1 td:nth-child(9) div,
#flex1 td:nth-child(10) div{
	text-align: center !important;
}
.tools.action-aktifitas-pegawai{
	width: 131px !important;
}
.action-aktifitas-pegawai .fa{
    color: #666;
    line-height: 19px;
}
.flexigrid div.bDiv table{
	width: 100%;
	border-collapse: collapse;
	
}
.flexigrid div.bDiv table th{
	border-color: #ccc !important;
	border-width:1px;
}
.flexigrid div.bDiv table td{
	border-color: #ccc;
	border-width:1px;
}

/*table*/
th.nip{
	width: 174px;
}
th.tgl_kegiatan {
    width: 79px;
}
th.numbering{
	width: 30px;
}
th.tools{
	width: 85px;
}
th.uraian_kegiatan{
	/*width: 30%;*/
}
</style>
<script type="text/javascript" src="<?php echo base_url()?>assets/grocery_crud/js/json2.js"></script>
<script type="text/javascript" src="<?php echo base_url()?>assets/grocery_crud/js/common/app.js"></script>
<script type="text/javascript" src="<?php echo base_url()?>assets/js/error_alert.js"></script>
</head>
<body>
	<?php echo isset($pre_content)?$pre_content:''?>
    <div class="g-output">
		<?php echo $output; ?>
    </div>
    <?php echo isset($end_content)?$end_content:''?>
</body>
</html>
<style type="text/css">
	
</style>
<script type="text/javascript">
function refresh_grid(){
	$('#ajax_refresh_and_loading').trigger('click');
}
function base_url (){
	return "<?php echo base_url()?>";
}
// window.user_info='<?php echo json_encode($user_info)?>';
$(document).ready(function(){
	$('span.grid-title').text('<?php echo $list_title?>');
	$('#add-button > i').removeClass('fa-plus').addClass('fa-user');
	if(typeof gcConf.active_grouping == 'undefined')
		gcConf.active_grouping = {};
	else
	{
		console.log(gcConf.active_grouping);
	}
});
</script>